.main-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
}

.qr-code-image image {
    border-radius: 24rpx;
    box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 40rpx;
    transition: all 0.3s ease;
}

.qr-code-image image:hover {
    transform: translateY(-8rpx);
    box-shadow: 0 24rpx 64rpx rgba(0, 0, 0, 0.15);
}

.input-container {
    width: 100%;
    max-width: 666rpx;
}

.action-section {
    width: 100%;
    max-width: 600rpx;
}

:deep(.input-textarea) {
    border-radius: 28rpx !important;
}